﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title> Ultimate - Multi Purpose HTML Template </title>

<!-- **Favicon** -->
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />

<!-- **CSS - stylesheets** -->
<link id="default-css" href="style.css" rel="stylesheet" type="text/css" media="all" />
<link id="skin-css" href="skins/blue.css" rel="stylesheet" type="text/css" media="all" />
<link id="responsive-css" href="responsive.css" rel="stylesheet" type="text/css" media="all" />

<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="css/ie8-and-down.css" />
<![endif]-->

<!-- **Google Fonts** -->
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />

<!-- **jQuery** -->
<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.tabs.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/tinynav.min.js"></script>
<script type="text/javascript" src="js/ultimate-custom.js"></script>

<script type="text/javascript" src="js/jquery.tweet.js" charset="utf-8"></script>
<script type="text/javascript">
jQuery(function($){
	$(".tweets").tweet({
	  join_text: "auto",
	  username: "iamdesigning",
	  count: 3,
	  loading_text: "loading tweets..."
	});
  });
</script>

<link href="css/layerslider.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#layerslider').layerSlider({
			skinsPath : 'images/layer-skins/',
			skin : 'fullwidth',
			thumbnailNavigation : 'hover',
			hoverPrevNext : false,
			responsive : false,
			responsiveUnder : 940,
			sublayerContainer : 900
		});
	});		
</script>	

<!-- Pretty Photo -->
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
	jQuery(document).ready(function($){			
		$(".gallery a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_square',slideshow:3000, autoplay_slideshow: false,social_tools: false});				
	});
</script>

<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/sendmail.js"></script>

</head>

<body class="home">

<!-- **Wrapper** -->
<div id="wrapper">

    <!-- **Header** -->
    <div id="header">
        <div class="container">
        
            <!-- **Logo** -->
            <div id="logo">
                <a href="index.html" title=""> <img src="images/logo.png" alt="" title="" /> </a>
            </div><!-- **Logo - End** -->        
            
            <div class="float-right">
                <!-- **Social icons** -->
                <div class="social-icons">
                    <a href="" title="" class="facebook"> </a>
                    <a href="" title="" class="twitter"> </a>
                    <a href="" title="" class="youtube"> </a>
                    <a href="" title="" class="flickr"> </a>
                    <a href="" title="" class="google"> </a>
                    <a href="" title="" class="yahoo"> </a>
                    <a href="" title="" class="linkedin"> </a>
                </div><!-- **Social icons** -->
                
                <!-- **Searchform** -->
                <form action="#" id="searchform" method="get">
                    <fieldset>
                        <input name="Search" type="text" onblur="this.value=(this.value=='') ? 'Enter Keyword' : this.value;" onfocus="this.value=(this.value=='Enter Keyword') ? '' : this.value;" value="Enter Keyword" alt="Search our site" class="text_input" />
                        <input name="submit" type="submit" value="" />
                    </fieldset>
                </form><!-- **Searchform - End** -->    	
            </div>
            
        </div>
    </div><!-- **Header - End** -->
    
    <!-- **Top-Menu** -->
    <div id="top-menu">
        <div class="container">
        
            <ul class="menu">
                <li class="home current_page_item">  <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="index.html" title=""> Home </a> 
                    <ul>
                        <li> <a href="index-v2.html" title=""> Home - Multi Purpose </a> </li>
                        <li> <a href="index-v3.html" title=""> Home - Portfolio </a> </li>
                        <li> <a href="index-v4.html" title=""> Home - Blog </a> </li>
                        <li> <a href="index.html" title=""> Home - Business </a> </li>
                    </ul>                
                </li> 
                <li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="slider-nivo.html" title=""> Sliders </a> 
                    <ul>
                        <li> <a href="slider-nivo.html" title=""> Nivo Slider </a> </li>
                        <li> <a href="slider-anything.html" title=""> Anything Slider </a> </li>
                        <li> <a href="slider-touch.html" title=""> Touch Slider </a> </li>
                        <li> <a href="slider-layer.html" title=""> Layer Slider </a> </li>
                        <li> <a href="slider-cycle.html" title=""> Cycle Slider </a> </li>
                    </ul>                
                </li> 
                <li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="features-html-elements.html" title=""> Features </a> 
                    <ul>
                    	<li> <a href="features-html-elements.html" title=""> Useful HTML Elements </a> </li>
                        <li> <a href="features-home-page-layouts.html" title=""> 4 Home Page Layouts </a> </li>
                        <li> <a href="features-sliders.html" title=""> 5 Sliders </a> </li>
                        <li> <a href="features-portfolio-style.html" title=""> Multiple Portfolio Style </a> </li>
                        <li> <a href="features-blog-style.html" title=""> Multiple Blog Style </a> </li>
                        <li> <a href="features-contact-page.html" title=""> 2 Contact Page Layouts </a> </li>
                        <li> <a href="features-menu-style.html" title=""> 2 Different Menu Style </a> </li>
                        <li> <a href="features-pricing-tables.html" title=""> Pricing Tables </a> </li>
                        <li> <a href="features-google-fonts.html" title=""> Google Fonts </a> </li>
                        <li> <a href="features-color-customization.html" title=""> Easy Color Customization </a> </li>
                        <li> <a href="features-responsive-design.html" title=""> Responsive Design  </a> </li>
                        <li> <a href="features-psd-files.html" title=""> 29 PSD files </a> </li>
                    </ul>                
                </li>
                <li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="typography.html" title=""> Styled Elements </a> 
                    <ul>
                        <li> <a href="typography.html" title=""> Typography </a> </li>
                        <li> <a href="buttons.html" title=""> Buttons </a> </li>
                        <li> <a href="tabs.html" title=""> Tabs </a> </li>
                        <li> <a href="lists-tables.html" title=""> Lists and Tables </a> </li>
                        <li> <a href="toggles-accordions.html" title=""> Toggles and Accordions </a> </li>
                    </ul>                
                </li>
                <li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="portfolio-three-column.html" title=""> Portfolio </a> 
                
                    <ul>
                        <li> <a href="portfolio-one-column.html" title=""> One Column </a> 
                            <ul>
                            	<li> <a href="portfolio-one-column-with-right-sidebar.html" title=""> 1 Col With Right Sidebar </a> </li>
                                <li> <a href="portfolio-one-column-with-left-sidebar.html" title=""> 1 Col With Left Sidebar </a> </li>
                                <li> <a href="portfolio-one-column.html" title=""> 1 Col Without Sidebar </a> </li>
                            </ul>
                        </li>
                        <li> <a href="portfolio-twocolumn.html" title=""> Two Column </a> 
                            <ul>
                            	<li> <a href="portfolio-twocolumn-with-right-sidebar.html" title=""> 2 Col With Right Sidebar </a> </li>
                                <li> <a href="portfolio-twocolumn-with-left-sidebar.html" title=""> 2 Col With Left Sidebar </a> </li>
                                <li> <a href="portfolio-twocolumn.html" title=""> 2 Col Without Sidebar </a> </li>
                            </ul>
                        </li>
                        <li> <a href="portfolio-three-column.html" title=""> Three Column </a> 
                            <ul>
                            	<li> <a href="portfolio-threecolumn-with-right-sidebar.html" title=""> 3 Col With Right Sidebar </a> </li>
                                <li> <a href="portfolio-threecolumn-with-left-sidebar.html" title=""> 3 Col With Left Sidebar </a> </li>
                                <li> <a href="portfolio-three-column.html" title=""> 3 Col Without Sidebar </a> </li>
                            </ul>
                        </li>
                        <li> <a href="portfolio-single.html" title=""> Portfolio Detail </a> </li>
                    </ul>
                
                </li>
                <li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="blog-with-right-sidebar.html" title=""> Blog </a> 
                    <ul>
                        <li> <a href="blog-full-width.html" title=""> Blog Full width </a> </li>
                        <li> <a href="blog-with-right-sidebar.html" title=""> Blog With Right Sidebar </a> </li>
                        <li> <a href="blog-with-left-sidebar.html" title=""> Blog With Left Sidebar </a> </li>
                        <li> <a href="blog-two-column.html" title=""> Blog Two Column </a> </li>
                        <li> <a href="blog-single.html" title=""> Blog Detail </a> </li>
                    </ul>                
                </li>
                <li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="about.html" title=""> Pages </a> 
                    <ul>
                        <li> <a href="about.html" title=""> Team </a> </li>
                        <li> <a href="404.html" title=""> 404 </a> </li>
                        <li> <a href="testimonials.html" title=""> Testimonials </a> </li>
                        <li> <a href="pricing-table.html" title=""> Pricing Tables </a> </li>
                        <li> <a href="features-html-elements.html" title=""> Side Navigation </a> </li>
                        <li> <a href="sitemap.html" title=""> Sitemap </a> </li>
                    </ul>                
                </li>
                <li> <span class="hoverL"> <span class="hoverR"> </span> </span> <a href="contact.html" title=""> Contact Us </a> 
                	<ul>
                    	<li> <a href="contact.html" title=""> Contact - Layout 1 </a> </li>
                        <li> <a href="contact-v2.html" title=""> Contact - Layout 2 </a> </li>
                    </ul>
                </li>
            </ul> 
                 
        </div>          	
    </div><!-- **Top-Menu - End** -->
    
    
    <!-- ** Home Slider** -->
    <div id="home-slider">
        <!-- **Home Slider BG** -->
        <div class="home-slider-bg">
            
            <!-- Layer Slider Container -->
            <div id="layerslider-container-fw">                
                <div id="layerslider" style="width:100%; height: 420px; margin: 0px auto; ">
    
                    <div class="ls-layer" style="slidedirection: top; slidedelay: 7000; durationin: 1500; durationout: 1500; delayout: 500;">
                        <img src="images/layer-gallery/fw1.jpg" class="ls-bg" alt="" title="" />
                        <p class="ls-s2 l23-s1" style="position: absolute; top:85%; left: 50%; slidedirection : bottom; slideoutdirection : top; durationin : 750; durationout : 750; easingin : easeOutBack; easingout : easeInBack; delayin : 1000;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elit sapien </p>    
                    </div>
    
                    <div class="ls-layer" style="slidedirection: right; slidedelay: 7000; durationin: 1500; durationout: 1500;">    
                        <img src="images/layer-gallery/fw3.jpg" class="ls-bg" alt="" title="" />
                        <p class="ls-s2 l22-s1" style="position: absolute; top:75%; left: 0px; slidedirection : right; slideoutdirection : left; durationin : 1500; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1000;">Sed a posuere mauris. Integer justo sem, venenatis vitae elementum non, porta sit amet quam</p>
                        <p class="ls-s3 l22-s1" style="position: absolute; top:85%; left: 0px; slidedirection : right; slideoutdirection : left; durationin : 1500; durationout : 750; easingin : easeInOutQuint; easingout : easeInOutQuint; delayin : 1500;"> Cras elementum varius dictum. Sed viverra sodales sollicitudin. Duis vel urna odio </p>    
                    </div>
    
                    <div class="ls-layer" style="slidedirection: top; slidedelay: 7000; durationin: 1500; durationout: 1500; delayout: 500;">    
                        <img src="images/layer-gallery/fw2.jpg" class="ls-bg" alt="" title="" />
                        <p class="ls-s2 l23-s1" style="position: absolute; top:85%; left: 50%; slidedirection : top; slideoutdirection : bottom; durationin : 750; durationout : 750; easingin : easeOutBack; easingout : easeInBack; delayin : 1000;">Praesent nunc nisi, tempor eu ullamcorper non, fermentum at massa  </p>
                    </div>
    
                </div><!-- Layer Slider -->                            
            </div><!-- Layer Slider Container -->
            
        </div><!-- **Home Slider BG - End** -->
    </div><!-- **Home Slider - End** -->
    
    <!-- **Welcome Text** -->
    <div class="welcome-text">
    	<div class="container">
            <div class="text">
                <h1> Ultimate is a Multi Purpose Responsive Template With Clean Design </h1>
                <h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit </h4>
            </div>
            <a href="" title="" class="button medium grey"> Purchase Now </a>
        </div>
    </div><!-- **Welcome Text End** -->
        
    

    
    
    <!-- ** Footer** -->
    <div id="footer">
        <div class="footer-bg">
            <div class="container">    
            
                <!-- **Contact Us** -->
                <div class="column one-fourth">
                    <div class="widget">
                        <h2 class="widgettitle"> Address </h2>
                        <ul class="contact-details">
                            <li> <span class="address"> </span> <p> No 45, Season Street, <br /> Livingstone LA, <br /> Inc - 4502 </p> </li>  
                            <li> <span class="mail"> </span> <p> <a href="" title=""> designthemes@somemail.com </a> </p> </li>
                            <li> <span class="phone"> </span> <p> 2145 - 007 - 1566 </p> </li> 
                            <li> <span class="skype"> </span> <p> designthemes </p> </li> 
                        </ul>                                      
                    </div>    
                </div> <!-- **Contact Us - End** -->	
                
                <!-- **Tweetbox** -->
                <div class="column one-fourth">
                    <div class="widget tweetbox"> 
                        <h2 class="widgettitle"> Recent Tweets </h2>
                        <div class="tweets"> </div>
                    </div> 
                </div><!-- **Tweetbox - End** -->
                
                <!-- **Testimonials** -->
                <div class="column one-fourth">
                    <div class="widget"> 
                        <h2 class="widgettitle"> Client Testimonials </h2>
                        
                        <div class="testimonial-skin-carousel">
                            <ul class="testimonial-carousel">
                                <li>
                                    <blockquote> 
                                        <p>                               
                                        Lorem ipsum dolor sit amet, consecte adipiscing elit. Suspendisse congue convallis eros vitae tincidunt. Aliquam volutpat. Lorem ipsum dolor sit amet, consectetur 
                                        adipiscing elit. Proin vulputate dolor sit amet nibh 
                                        <span> <img src="images/post-images/testimonial.jpg" alt="" title="" /> Mary Jane <br /> - Ellen Jane </span>
                                        </p>
                                    </blockquote>
                                </li>
                                <li>
                                    <blockquote> 
                                        <p>                               
                                        Pellentesque eget est ligula. Nullam rutrum consequat purus sollicitudin vulputate. Nam rhoncus, erat non mollis pulvinar, tortor lacus convallis nunc.
                                        <span> <img src="images/post-images/testimonial.jpg" alt="" title="" /> Mary Jane <br /> - Ellen Jane </span>
                                        </p>
                                    </blockquote>
                                </li>
                                <li>
                                    <blockquote> 
                                        <p>                               
                                        Quisque in augue felis. Duis non orci nibh. Nullam vitae sem felis, non dictum augue. Mauris sed dolor sed magna egestas hendrerit. Nulla pulvinar tellus sed 
                                        sapien consequat imperdiet.
                                        <span> <img src="images/post-images/testimonial.jpg" alt="" title="" /> Mary Jane <br /> - Ellen Jane </span>
                                        </p>
                                    </blockquote>
                                </li>
                                <li>
                                    <blockquote> 
                                        <p>                               
                                        Proin et massa odio, nec ullamcorper ante. Donec placerat sollicitudin luctus. Nam in volutpat lorem. Vivamus varius urna erat, eu placerat nunc.
                                        <span> <img src="images/post-images/testimonial.jpg" alt="" title="" /> Mary Jane <br /> - Ellen Jane </span>
                                        </p>
                                    </blockquote>
                                </li>
                            </ul> 
                        </div>
                        
                    </div> 
                </div><!-- **Testimonials - End** -->
                
                <!-- **Contact Form** -->
                <div class="column one-fourth last">
                    <div class="widget tweetbox"> 
                        <h2 class="widgettitle"> Email us </h2>
                        <div class="ajax_message"></div>
                        <form class="sendmail" action="php/sendmail.php" method="get">
                            <p>
                            	<label> Name * </label>
                                <input name="name" type="text" />                                
                            </p>
                            <p>
                            	<label> Email * </label>
                                <input name="email" type="text" />                                
                            </p>
                            <p>
                            	<label> Subject </label>
                                <input name="subject" type="text" />                                
                            </p>
                            <p>
                                <textarea name="message" cols="" rows=""></textarea>
                            </p>
                            <p>
                                <input name="submit" type="submit" value="Send Message" />
                            </p>
                        </form>
                        <div class="error-container" style="display:none;"> Please fill the above required fields! </div>                        
                        
                    </div> 
                </div><!-- **Contact Form - End** -->
            
            
            </div>
        </div>
    </div><!-- **Footer - End** -->
    
    <!-- **Footer Copyright** -->
    <div class="footer-copyright"> 
        <div class="container">
        
            <div class="copyright-content">
                <ul>
                    <li> <a href="index.html" title=""> Home </a> </li>
                    <li> <a href="slider-nivo.html" title=""> Sliders </a> </li>
                    <li> <a href="features-html-elements.html" title=""> Features </a> </li>
                    <li> <a href="typography.html" title=""> Styled Elements </a> </li>
                    <li> <a href="portfolio-three-column.html" title=""> Portfolio </a> </li>
                    <li> <a href="blog-with-right-sidebar.html" title=""> Blog </a> </li>
                    <li> <a href="about.html" title=""> Pages </a> </li>
                    <li> <a href="contact.html" title=""> Contact Us </a> </li>
                </ul>
                <p> &copy; iamdesigning | All Rights Reserved </p>
            </div>
            
            <div class="footer-logo">
                <a href="index.html" title=""> <img src="images/footer-logo.png" alt="" title="" /> </a> 
            </div>
             
        </div>
    </div><!-- **Footer Copyright - End** -->

</div><!-- **Wrapper - End** -->


</body>
</html>
